@import "common.less";
@blockcolor:#FFF;
.index{
	background-color: @bgcolor;
	font-family: "宋体";
}

@bordercolor:#b3b3b3;
/********************************
              hanner
*********************************/
@banner_top: 24px;
@banner_height: 292px;
@banner_bottom: 20px;
.banner{
	padding-top: @banner_top;
	height: @banner_height+@banner_bottom;
	.body{
		height:100%;
	}
	@banner_banner_width:615px;
	.banner_banner{
		width: @banner_banner_width;
		height: @banner_height;
		float: left; 
		background-color: @blockcolor;
		.box-shadow(~"1px 1px 2px 0px #4E4E4E;");
		.banner_banner_image{
			width: 100%;
			height: 100%;
			position: absolute;
		}
		@dotwithheight:12px;
		.banner_banner_dots{
			width: @banner_banner_width;
			height: @dotwithheight;
			padding: 8px;
			position: absolute;
			bottom: 0;
			z-index: 9;
			.banner_banner_dots_item{
				font-size: 0px;
				width: @dotwithheight;
				height: @dotwithheight;
				margin-right: @dotwithheight/2;
				.border-radius(~"6px");
				.inline-block;
				background-color: @maincolor;
			}
		}
	}
	@banner_notice_width:950-20-614px;
	.banner_notice{
		width: @banner_notice_width;
		height: @banner_height;
		float: right; 
		.border-radius(~"6px");
		background-color: @blockcolor;
		.box-shadow(~"1px 1px 2px 0px #4E4E4E;");
		overflow: hidden;
		.banner_notice_title{
			margin:0;
			padding:1em 1.5em;
			border-bottom:2px dashed @bordercolor;
			a{
				float: right;
				*position: relative;
				*top:-2.2em;
				*right: 1em;
			}
		}
		.banner_notice_list{
			padding:0 1.5em;
			font-size: 12px;
			a{
				color:black;
				text-decoration:none;
			}
			a:hover{
				text-decoration: underline;
			}
			.banner_notice_list_item{
				border-bottom: 1px solid @bordercolor;
				.banner_notice_list_item_time{
					color:@secondfontcolor;
					text-align: right;
				}
			}
		}
	}
}
/********************************
              main
*********************************/
@sortwidth:188px;
@bordercolor:#e5e5e5;
.item_title{
	padding:10px 16px 6px 30px;
	font-size: 14px;
	background-color: #f9f9f9;
	border-width: 1px 0;
	border-color: @bordercolor;
	border-style: solid;
	color: #333333;
	font-weight: bold;
}
.item_childs{
	font-size: 12px;
	color: @secondfontcolor;
	padding-top: 16px;
}
.main{
	background-color: @bgcolor;
	padding-bottom: 24px;
	.main_left{
		width: @sortwidth;// - 16px - 14px;
		.sort{
			a{
				color:@secondfontcolor;
				text-decoration: none;
			}
			a:hover{
				text-decoration: underline;
			}
			// padding:0 16px 0 14px;
			width: @sortwidth;// - 16px - 14px;
			background-color: @blockcolor;
			border-width:1px;
			border-color: @bordercolor;
			border-style: solid;
			float:left;
			.sort_title{
				background-color:@maincolor;
				color:#FFF;
				// text-align: center;
				margin: 0;
				padding: 6px 10px;
				font-size: 12px;
			}
			.sort_way{
				text-align: center;
				padding: 6px 0;
				.sort_way_title{
					text-align: left;
					.item_title;
				}
				.sort_way_item{
					.item_childs;
				}
			}
			.sort_type{
				padding: 6px 0;
				.sort_type_title{
					background-image: url("../img/三笑优品2_03.png");
					background-position: 12px 50%;
					background-repeat: no-repeat;
					.item_title;
				}
				.sort_type_item{
					padding:0 16px 0 14px;
					.item_childs;
					display: block;
					padding-left: 12px;
				}
			}
		}
		.sort-ad{
			float: left;
			width: @sortwidth;// - 16px - 14px;
			margin-top: 4px;
		}
	}
	@contentwidth : @bodywidth - @sortwidth - 25px;
	.content{
		width: @contentwidth;/*25px: sort-margin-right*//*740px;*/
		float:right;
		.content_ad{
			height: 180px;
		}
		.content_type{
			.content_type_title{
				background-color: @maincolor;
				font-size: 12px;
				height: 39px;
				padding-left: 22px;
				line-height: 39px;
				color: #FFF;
				overflow: hidden;	
				font-weight: normal;
				a{
					float: right;
					margin-right: 24px;
					*position: relative;
					*top:-24px;
				}
			}
			@content_type_wrapcolor:#efefef;
			.content_type_wrap{
				background-color: @content_type_wrapcolor;
				padding: 6px 0 0 6px;
				.content_type_item{
					background-color: #FFF;
					height: 260px;
					padding: 5px;
					width: @contentwidth/4 - 9.5px - 9.5px;
					width: ~"162px\9";//178px - 6px - 6px;
					*width: @contentwidth/4 - 10px - 10px;
					margin: 0;
					border-width: 0 0 8px 0;
					*border-right-width: 8px ;
					border-color: @content_type_wrapcolor;
					border-style: solid;

					.inline-block;
					.content_type_item_img{
						height: 180px;
						text-align: center;
					}
					.content_type_item_price{
						color:@maincolor;
						font-size: 12px;
						font-weight: bold;
						font-family: @yahei;
						padding: 9px 0;
					}
					.content_type_item_tags{
						color: #696969;
						font-size: 12px;
						display: inline-table;
					}
				}
			}
		}
	}
}